<template>
    <div class="box">
        <Card :bordered="false" class="ivu-mt info-card">
            <Tabs :value="tabsIndex" :animated="false" @on-click="getTab">
                <TabPane label="政策法规管理" name="0">
                    <policy-page v-if="tabsIndex == '0'"></policy-page>
                </TabPane>
                <TabPane label="通知公告管理" name="1" ref="notice">
                    <notice-page v-if="tabsIndex == '1'"></notice-page>
                </TabPane>
            </Tabs>
        </Card>
    </div>
</template>
<script>
import noticePage from "./info_config/noticePage.vue";
import policyPage from "./info_config/policyPage.vue";
export default {
    name: '',
    props: [''],
    data() {
        return {
            tabsIndex: "0"
        };
    },
    components: { noticePage, policyPage },
    computed: {},
    beforeMount() { },
    mounted() { },
    methods: {
        getTab(name) {
            this.tabsIndex = name
        }
    },
    watch: {}
}
</script>
<style lang='less' scoped>
.box {
    background: #eee;
    height: 90%;
}
.info-card {
    background-color: #fff;
    width: 100%;
    height: 800px;
    overflow: auto;
}
.ivu-tabs {
    overflow: unset;
}
</style>